<template>
  <!-- 厦门(首页)-->
  <div class="fluid">
    <el-breadcrumb class="bread" separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item :to="{ path: '/Campus' }">课程服务</el-breadcrumb-item>
      <el-breadcrumb-item :to="{ path: '/loginCourse' }">走进校园</el-breadcrumb-item>
      <el-breadcrumb-item>科技节活动</el-breadcrumb-item>
      <el-breadcrumb-item>厦门</el-breadcrumb-item>
      <el-breadcrumb-item>查看更多</el-breadcrumb-item>
    </el-breadcrumb>
    <div class="imags"></div>
    <div class="siz">
      <p class="header0">厦门</p>
      <div class="xm"></div>
      <p
        class="header00"
      >2019年1月20日，哈工科教教师团队应邀参加了厦门市海沧新江中心小学“科技探索.畅想未来”科技节。同学们在哈工科教老师的带领下，动手搭建了属于自己的运动小车，并通过软件编程，实现了小车的规定线路运动。数百名学生参与了本次“科技探索.畅想未来”科技节活动，孩子们享受着智能机器人编程带来的乐趣，还在搭建机器人和编程的过程中理解了速度、重心、三角成面等数学和物理概念，收获满满。</p>
    </div>
    <ul clss="ula">
      <li class="liad" v-for="item in img" :key="item.id">
        <img :src="item.images" alt="">
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "xiamen",
  data(){
    const img =[
      {
        images:"https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/10-images.png"
      },
      {
        images:"https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/11-img.png"
      },
      {
        images:"https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/9-img.png"
      }
    ]
  return{
    img
  }
  }
};
</script>

<style scoped>
.fluid {
  min-width: 1200px;
  margin: 0 auto;
  margin-top: 235px;
}
.bread {
  margin-bottom: 60px;
}
.imags {
  width: 1200px;
  height: 565px;
  background:no-repeat url("https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/12-img.png");
  margin-bottom: 144px;
}
.siz {
  width: 1200px;
  height: 247px;
  margin: 0 auto;
  margin-bottom: 169px;
}
.header0 {
  text-align: center;
  font-family: "黑体";
  font-size: 30px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 41px;
  letter-spacing: 0px;
  color: #525252;
  margin-bottom: 22px;
}
.header00 {
  font-family:"黑体";
  font-size: 22px;
  letter-spacing: 0px;
  color: #999999;
  text-indent: 39px;
  line-height: 41px;
  margin-bottom: 0;
  text-align: justify;
}
.liad{
  height: 560px;
  background: pink;
  margin-bottom: 100px;
}
.xm{
  width: 20px;
	height: 3px;
	background-color: #08aaff;
  margin: 0 auto;
  margin-bottom: 50px;
}
</style>
